<template>
  <div class="line">
    <ly-line
      :settings="{
        theme: 'shine',
        legendName: {
          small: '小',
        },
        smooth: [true, 0.1, true],
        stack: { 合并: ['小','middle'] },
        label: { show: true, position: 'top' },
        switchAxis: { axis: 'xAxis' },
        myAxis: {
          axisSite: { right: ['small'] },
          axisType: ['normal', '%'],
          axisName: ['值', '比率'],
        },
      }"
      :chartData="{
        columns: ['week', 'small', 'middle', 'big'],
        rows: [
          { week: 'Mon', small: '123', middle: '234', big: '0.2' },
          { week: 'Tue', small: '123', middle: '234', big: '0.2' },
          { week: 'Wed', small: '123', middle: '234', big: '0.2' },
          { week: 'Thu', small: '123', middle: '234', big: '0.2' },
          { week: 'Fri', small: '123', middle: '234', big: '0.2' },
          { week: 'Sat', small: '123', middle: '234', big: '0.2' },
          { week: 'Sun', small: '123', middle: '234', big: '0.2' }
        ],
      }"
    ></ly-line>
    <router-view />
  </div>
</template>
<script>
export default {
  name: 'LineDemo',
  created() {

  },

}
</script>
<style lang="scss">
</style>
